import React from 'react';
import Icon from '@ant-design/icons';
import { Space } from 'antd';
import type { GetProps } from 'antd';

type CustomIconComponentProps = GetProps<typeof Icon>;



const DeleteSvg = () => (
    <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" >
        <path d="M13.2459844,3.49926563 L10.0099844,3.49926563 C9.96104688,2.422375 9.06971875,1.5613125 7.98095312,1.5613125 C6.8921875,1.5613125 6.00085938,2.422375 5.95192188,3.49926563 L2.707125,3.49926563 C2.43098437,3.49926563 2.207125,3.723125 2.207125,3.99926563 C2.207125,4.27540625 2.43098437,4.49926562 2.707125,4.49926562 L13.2459844,4.49926562 C13.522125,4.49926562 13.7459844,4.27540625 13.7459844,3.99926562 C13.7459844,3.723125 13.522125,3.49926562 13.2459844,3.49926563 Z M7.98095313,2.56129688 C8.518125,2.56129688 8.96046875,2.97420312 9.00779688,3.49925 L6.954125,3.49925 C7.00145312,2.97420312 7.44378125,2.56129688 7.98095312,2.56129688 L7.98095313,2.56129688 Z M11.9959844,5.49671875 C11.7198438,5.49671875 11.4959844,5.72057813 11.4959844,5.99671875 L11.4959844,13.4681719 L4.504,13.4681719 L4.504,5.99671875 C4.504,5.72057813 4.28014062,5.49671875 4.004,5.49671875 C3.72785937,5.49671875 3.504,5.72057813 3.504,5.99671875 L3.504,13.9681719 C3.504,14.2443125 3.72785937,14.4681719 4.004,14.4681719 L11.9959844,14.4681719 C12.272125,14.4681719 12.4959844,14.2443125 12.4959844,13.9681719 L12.4959844,5.99671875 C12.4959844,5.72057813 12.272125,5.49671875 11.9959844,5.49671875 L11.9959844,5.49671875 Z" id="形状"></path>
        <path d="M7.02040625,11.4500312 L7.02040625,7.00325 C7.02040625,6.72710937 6.79654688,6.50325 6.52040625,6.50325 C6.24426563,6.50325 6.02040625,6.72710937 6.02040625,7.00325 L6.02040625,11.4500156 C6.02040625,11.7261562 6.24426563,11.9500156 6.52040625,11.9500156 C6.79654688,11.9500156 7.02040625,11.7261719 7.02040625,11.4500312 Z M10.013125,11.4500312 L10.013125,7.00325 C10.013125,6.72710937 9.78926562,6.50325 9.513125,6.50325 C9.23698437,6.50325 9.013125,6.72710937 9.013125,7.00325 L9.013125,11.4500156 C9.013125,11.7261562 9.23698437,11.9500156 9.513125,11.9500156 C9.78926562,11.9500156 10.013125,11.7261719 10.013125,11.4500312 Z" id="形状"></path>
    </svg>
);


const DeleteIcon = (props: Partial<CustomIconComponentProps>) => (
    <Icon component={DeleteSvg} {...props} />
);

const CustomDeleteIcon: React.FC = () => (
    <Space style={{marginRight: 8}}>
        <DeleteIcon />
    </Space>
);

export default CustomDeleteIcon;
